<template>
  <div>
    <div class="flex">
      <div><l-trend text="营业额" reverseColor upIcon="caretTop" ></l-trend></div>
      <div><l-trend text="销售额" type="down" reverseColor downIcon="caretBottom"></l-trend></div>
    </div>
    <!-- <div class="flex">
      <div><l-trend text="营业额" upIconColor="blue"></l-trend></div>
      <div><l-trend text="销售额" type="down" downIconColor="yellow"></l-trend></div>
    </div> -->
    <!-- <div>
      <l-trend>营业额</l-trend>
    </div> -->
  </div>
</template>

<script setup lang="ts">

</script>

<style scoped lang="scss">
.flex {
  display: flex;
  div {
    margin-left: 10px;
  }
}
</style>